<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">

        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    <body onload="inicializar()" >
        <div style="overflow: auto; width: 700px; height: 400px">
        <center>
            <h1> Editar Proyecto de Inversi&Oacute;n</h1>
            <html:form action="ProgEstra.do?dispatch=load" styleId="ProgEstrForm">
                <html:hidden property="numCriterio" styleId="numCriterioHidden"/>
                 <html:hidden property="tipoobj" styleId="tipoobj" />
                <html:hidden property="tipoactp" styleId="tipoactp" />
                <html:hidden property="tipoobje" styleId="tipoobje" />
                <html:hidden property="tipocriterio" styleId="tipocriterio" />
                <html:hidden property="tiposaneamiento" styleId="tiposaneamiento" />
                <html:hidden property="saneamientoLegal2" styleId="saneamientoLegal2" />
                <html:hidden property="saneamientoLegal3" styleId="saneamientoLegal3" />



                <html:hidden property="tiporegion" styleId="tiporegion" />
                <html:hidden property="tipoprovincia" styleId="tipoprovincia" />
                <html:hidden property="tipodistrito" styleId="tipodistrito" />
                <html:hidden property="pk" styleId="pk" />
                <table>
                    <tr>
                        <td>
                            Objetivo General Estrat&eacute;gico :
                        </td>
                        <td>
                            <html:select property="codOge" styleId="codOge" onchange="buscarComboOEE()" >
                                <html:option value="-1">[--Seleccionar Objetivo General Estrat&eacute;gico--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="OGE" value="COD_OGE" label="DESC_OGE" />
                            </html:select>
                            <br><br>
                            <html:textarea rows="4" cols="100" styleId="oee"  property="oee" disabled="true"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Objetivo Espec&iacute;fico Estrat&eacute;gico :
                        </td>


                        <td>
                            <div id="comboPadre">
                                <html:select property="codOee" styleId="codOee">
                                    <html:option value="-1">[--Seleccionar Objetivo Espec&iacute;fico Estrat&eacute;gico--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="OEE" value="COD_OEE" label="DESC_OEE" />
                                </html:select>

                                <br>
                            </div>
                             <br><br>
                             <html:textarea rows="4" cols="100" styleId="oge" disabled="true" property="oge"/>
                        </td>

                    </tr>


                    <tr>
                        <td >
                            Actividad Estrat&eacute;gica: :
                        </td>
                        <td >
                            <div id="comboHijo">
                                <html:select property="codActPer" styleId="codActPer">
                                    <html:option value="-1">[--Seleccionar Actividad Estrat&eacute;gica--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="ACTIVIDAD" value="COD_ACTIVIDAD" label="DESC_ACTIVIDA" />
                                </html:select>

                            </div>
                            <br><br>
                            <html:textarea rows="4" cols="100" disabled="true"  styleId="ap" property="ap"/>
                        </td>

                    </tr>





                    <tr>


                        <td>
                            Regi&oacute;n :
                        </td>
                        <td>
                            <html:select property="region" styleId="codRegion"  onchange="comboProvincia()" >

                                <html:option value="-1">[--Seleccionar Regi&oacute;n--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="listRegion" value="NUM_CODDPTO_PK" label="TX_NOMDPTO" />

                            </html:select>
                                <br><br>
                                <html:text disabled="true"  property="descRegion"  styleId="descRegion"/>

                        </td>

                    </tr>
                    <tr>


                        <td>Provincia :</td>
                        <td>
                            <div id="provincia">
                                <html:select property="provincia" styleId="codProvincia" onchange="comboDistrito()">
                                    <html:option value="-1">[--Seleccionar Provincia--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="listProvincia" value="NUM_CODPRV_PK" label="TX_NOMPRV" />
                                </html:select>
                            </div>
                             <br>
                             <html:text  disabled="true"  property="descProvincia" styleId="descProvincia"/>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Distrito :
                        </td>
                        <td>
                            <div id="distrito">
                                <html:select property="distrito" styleId="codDistrito">
                                    <html:option value="-1">[--Seleccionar Distrito--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="listDistrito" value="NUM_CODDIST_PK" label="TX_NOMDIST" />
                                </html:select>

                            </div>
                            <br>
                            <html:text   property="descDistrito" disabled="true" styleId="descDistrito" />
                        </td>

                    </tr>




                    <tr>

                        <td>
                            T&iacute;tulo de Proyecto :

                        </td>

                        <td>
                            <html:text property="titu_programa" styleId="titu_programa" />
                        </td>
                    </tr>


                    <tr>
                        <td>


                            Justificaci&oacute;n :

                        </td>
                        <td >
                            <html:text property="justificacion" styleId="justificacion" />

                        </td>

                    </tr>


                    <tr>
                        <td>


                            Fecha Inicio :

                        </td>
                        <td >
                            <html:text  styleId="fechaInicio" property="fechaInicio" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />

                        </td>
                    </tr>


                    <tr>
                        <td>

                            Fecha T&eacute;rmino :

                        </td>
                        <td >

                            <html:text  styleId="fechaFin" property="fechaFin" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />

                        </td>
                    </tr>

                    <tr>
                        <td>


                            Codigo SNIP  :
                        </td>
                        <td >
                            <html:text property="numConvenio" styleId="numConvenio"/>
                        </td>
                    </tr>

                    <tr>
                        <td>

                            Presupuesto :

                        </td>
                        <td >
                            <html:select property="codAnio" styleId="codAnio">
                                <html:option value="-1">[--Seleccionar A&ntilde;o--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="listAnio" value="COD_ANIO" label="DESC_ANIO" />

                            </html:select>

                                <html:text  property="monto" styleId="monto" onkeypress="return isDecimalKey(event);" />
                            <br>
                            <label style="color: red ">El monto no debe de pasar de 12 d&iacute;gitos enteros y  2 decimales.</label>
                        </td>
                    </tr>

                    <tr><td>
                            Adjuntar &Aacute;rbol de Problemas :
                        </td>
                        <td>


                            <html:file property="adjunto" styleId="adjunto"/>

                        </td>
                    </tr>

                    <tr>
                        <td>  Construcci&oacute;n Nueva :

                            <html:radio  styleId="id" property="numCriterio" value="1"  onclick="notViw()" />
                        </td>
                        <td>
                            Continuaci&oacute;n :
                            <html:radio styleId="id" property="numCriterio" value="2"  onclick="viw()"    />
                        </td>
                    </tr>
                    <br><br>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td><div id="viw">
                                Reacondicionamiento :
                                <html:checkbox styleId="id1" property="saneamientoLegal"/>
                                Remodelaci&oacute;n :
                                <html:checkbox styleId="id2" property="saneamientoLegal"/>
                                Ampliaci&oacute;n :
                                <html:checkbox styleId="id3" property="saneamientoLegal"/>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" colspan="2">
                            <input id="Insertar" name="Insertar" type="button" value="Grabar" onclick="validar()"/>
                        </td>
                    </tr>
                </table>

            </html:form>
<script>
                                Calendar.setup(
                {
                  inputField  : "fechaFin",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "fechaInicio",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>
        </center>
     </div>

    </body>
</html>

<script type="text/javascript">

function validarFormatoDecimal() {
     //Ini Valida formato decimal
        if(document.getElementById("monto").value==""||document.getElementById("monto").value==null )
         {
             if(eval(document.getElementById("monto").value)==eval(0)){
                 alert("la marca debe ser mayor a cero");
                 document.getElementById("monto").focus();
                 return false;
             }

             alert("Ingrese Monto");
             document.getElementById("monto").focus();
             return false;
         }
         else
         if(isNaN(document.getElementById("monto").value)==true){
            alert("Verifique formato de monto");
            document.getElementById("monto").focus();
            return false;
        }

    //Fin Valida formato decimal
}

function eventoSoloNumerosDecimal() {
    var key = event.keyCode;
    if ((key == 46 )|| (key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
            event.returnValue = true;
    else
            event.returnValue = false;
}
    function inicializar(){
        if(document.getElementById("id").checked){
            var numCriterio=document.getElementById("id").value;
        }
        else{
            var numCriterio=2;
        }


        if(numCriterio==1){
            notViw();
        }
        else{
            viw();
        }






        if(document.getElementById("tiposaneamiento").value==0){
         document.getElementById("id1").checked=false;
     }
     if(document.getElementById("tiposaneamiento").value==1){
              document.getElementById("id1").checked=true;
          }

          if(document.getElementById("saneamientoLegal2").value==0){
         document.getElementById("id2").checked=false;
     } if(document.getElementById("saneamientoLegal2").value==1){
              document.getElementById("id2").checked=true;
          }

          if(document.getElementById("saneamientoLegal3").value==0){
         document.getElementById("id3").checked=false;
     } if(document.getElementById("saneamientoLegal3").value==1){
              document.getElementById("id3").checked=true;
          }



    }
    function buscarComboOEE(){
        describirog();
        var id = document.getElementById("codOge").value;
        var idDiv = "comboPadre";
        var metodo = "GET";
        var url = "consultasAjax/comboProyInvercionAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);


    }

    function buscarComboActividades(){
        //describiroe();
        var id = document.getElementById("codOee").value;
        var idDiv = "comboHijo";
        var metodo = "GET";
        var url = "consultasAjax/comboAPermanenteAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }


    function viw(){

        document.getElementById("viw").style.display="";

    }
    function notViw(){

        document.getElementById("viw").style.display="none";

    }

    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
    {
        if( window.XMLHttpRequest )
            ajax = new XMLHttpRequest();
        else
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        ELEMENT_DIV = idDiv;
        ajax.onreadystatechange = funcionCallbackVerDiv;
        ajax.open( metodo, url, async);
        ajax.send(cadena);
    }

    function funcionCallbackVerDiv()
    {
        if( ajax.readyState == 4 )
        {
            if( ajax.status == 200 )
            {
                document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
            }
        }
    }

    





    function validar(){
//Ini agregado
    if(validarFormatoDecimal()==false)return;
//Fin agregado


var monto=document.getElementById("monto").value;



var parte=monto.substr((parseInt(monto.length)-1),(parseInt(monto.length)-1));

if(parte=="."){
    alert("Numero mal formado");
    document.getElementById("monto").focus();
            return;
}

var parte2=monto.substr(12,12);
if(parte2==1||parte2==2||parte2==3||parte2==4||parte2==5||parte2==6||parte2==7||parte2==8||parte2==9){
    alert("Numero mal formado");
    document.getElementById("monto").focus();
            return;
}

var parte3=monto.substr(12,12);
if(parte3==0&&(parseInt(monto.length)-1)==12){
    alert("Numero mal formado");
    document.getElementById("monto").focus();
            return;
}









 if (document.getElementById("codOge").value==-1){
            alert("Seleccione un Objetivo General");
            document.getElementById("codOge").focus();
            return;
        }


        if (document.getElementById("codOee").value==-1){
            alert("Seleccione  un Objetivo Estrategico Especifico");
            document.getElementById("codOee").focus();
            return;
        }

        if (document.getElementById("codActPer").value==-1){
            alert("Seleccione  una Actividad Permanente");
            document.getElementById("codActPer").focus();
            return;
        }

        if (document.getElementById("codRegion").value==-1){
            alert("Seleccione una Region/Departamento");
            document.getElementById("codRegion").focus();
            return;
        }

        if (document.getElementById("codProvincia").value==-1){
            alert("Seleccione una Provincia");
            document.getElementById("codProvincia").focus();
            return;
        }

        if (document.getElementById("codDistrito").value==-1){
            alert("Seleccione un Distrito");
            document.getElementById("codDistrito").focus();
            return;
        }


        if (document.getElementById("codAnio").value==-1){
            alert("Seleccione un Año");
            document.getElementById("codAnio").focus();
            return;
        }

        if (document.getElementById("titu_programa").value==""){
            alert("Ingrese el Titulo del Programa");
            document.getElementById("titu_programa").focus();
            return;
        }

        if (document.getElementById("justificacion").value==""){
            alert("Ingrese la Justificacion");
            document.getElementById("justificacion").focus();
            return;
        }



        if (document.getElementById("numConvenio").value==""){
            alert("Ingrese  el Codigo SNIP");
            document.getElementById("numConvenio").focus();
            return;
        }

        if (document.getElementById("monto").value==""){
            alert("Ingrese  un Monto para el Presupuesto");
            document.getElementById("monto").focus();
            return;
        }




        grabar();
    }

    function eventoSoloNumeros(){


        var key = event.keyCode;

        if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
            event.returnValue = true;
        else
            event.returnValue = false;

    }

   function grabar(){

        var form = document.getElementById("ProgEstrForm");

       var codDistrito=document.getElementById("codDistrito").value;

        var codAct=document.getElementById("codActPer").value;

        var cod=document.getElementById("pk").value;


        if(document.getElementById("id").checked){
            var numCriterio=document.getElementById("id").value;
        }
        else{
            var numCriterio=2;
        }
        

        if(document.getElementById("id1").checked){
            var saneamientoLegal=1;
        }
        else{
            var saneamientoLegal=0;
        }
        if(document.getElementById("id2").checked){
            var saneamientoLegal2=1;
        }
        else{
            var saneamientoLegal2=0;
        }
        if(document.getElementById("id3").checked){
            var saneamientoLegal3=1;
        }
        else{
            var saneamientoLegal3=0;
        }

        form.action="ProgEstra.do?dispatch=grabarProyectoInversion&codDistrito="+codDistrito+"&codActPer="+codAct+"&tipo="+3+"&cod="+cod+"&saneamientoLegal="+saneamientoLegal+"&saneamientoLegal2="+saneamientoLegal2+"&saneamientoLegal3="+saneamientoLegal3+"&numCriterio="+numCriterio;

        form.method="post";

        form.submit();

    }


    function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n �Esta seguro de continuar? "))
            return true;
        else return false;
    }


    function verMantenimientoTrue(){

        document.getElementById("id1").disabled=true;
        document.getElementById("id2").disabled=true;
        document.getElementById("id3").disabled=true;

    }

    function verMantenimientoFalse(){

        document.getElementById("id1").disabled=false;
        document.getElementById("id2").disabled=false;
        document.getElementById("id3").disabled=false;

    }

    function verMantenimientomuestra(num){
        if(num==0){
            document.getElementById("mantenimiento").style.display="none";


        }else{
            document.getElementById("mantenimiento").style.display="";
        }
    }


    function ingNro(num){

        if(num==1){

            document.getElementById("sl").style.display="";

        }else{

            document.getElementById("sl").style.display="none";
        }


    }

    function comboProvincia(){
            var id = document.getElementById("codRegion").selectedIndex;
            var desc = document.ProgEstrForm.codRegion.options[id].text;
            document.getElementById("descRegion").value=desc;
        var idDiv = "provincia";
        var metodo = "GET";
        var url = "consultasAjax/comboProvinciaAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

    function comboDistrito(){
        var id1 = document.getElementById("codProvincia").selectedIndex;
        var desc = document.ProgEstrForm.codProvincia.options[id1].text;

        document.getElementById("descProvincia").value=desc;
       var id = document.getElementById("codProvincia").value;
        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

    }


function mostrarDistrito(){

   var id = document.getElementById("codDistrito").selectedIndex;
            var desc = document.ProgEstrForm.codDistrito.options[id].text;
            document.getElementById("descDistrito").value=desc;
}


    function comboDistritoF(){


        var id = document.getElementById("codProvincia").value;

        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoFAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }
function comboUgel(){

}
         function descActividad(){

            var codActPer = document.getElementById("codActPer").selectedIndex;

         var descActPer = document.ProgEstrForm.codActPer.options[codActPer].text;

            document.getElementById("ap").value=descActPer;
        }


        function describirog(){

            var idObj = document.getElementById("codOge").selectedIndex;

            var descObj = document.ProgEstrForm.codOge.options[idObj].text;

           document.getElementById("oee").value=descObj;

        }

        function describiroe(){
            var idObje = document.getElementById("codOee").selectedIndex;
            var descObje = document.ProgEstrForm.codOee.options[idObje].text;
            document.getElementById("oge").value=descObje;
        }

        function isDecimalKey(evt) {
        if (!(evt.keyCode == 46 || (evt.keyCode >= 48 && evt.keyCode <= 57))) return false;
        var parts = evt.srcElement.value.split('.');
        if (parts.length > 2) return false;
        if (evt.keyCode == 46) return (parts.length == 1);
        if (parts[0].length >= 13) return false;
        if (parts.length == 2 && parts[1].length >= 2) return false;
    }

</script>
